<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
	<div class="w1200 clear center" style="">
			<div class="conleft fl">
				<div class="optionrule">
					<h4>自选租车流程及说明</h4>
					<p class="optionruledetailer">
						1.选择起租时间(表示从这一天9:00开始计费,借车时间不足24小时按一小时计算,企业不需要选择租赁天数,还车根据时租赁天数进行从预存款进行扣钱。)</p>
						<p class="optionruledetailer">2.选择车辆(选择你所需车辆，点击租车,加入购物车,并且可以选择租的数量)</p>
						<p class="optionruledetailer">3.提交购物车(如果预存款低于租赁一天时,订单不能提交成功,需要进行充值)</p>
						<p class="optionruledetailer">3.取车(门店负责人会联系你，进行派车)</p>
				</div>
				<div class="optionrule">
					<h4>车组租车流程及说明</h4>
					<p class="optionruledetailer">
						1.选择起租时间(表示从这一天9:00开始计费,借车时间不足24小时按一小时计算,企业不需要选择租赁天数,还车根据时租赁天数进行从预存款进行扣钱。)</p>
						<p class="optionruledetailer">2.选择你需要车组(车组里面包括很多车的组合,组合车队更优惠)</p>
						<p class="optionruledetailer">3.提交购物车(如果预存款低于租赁一天时,订单不能提交成功,需要进行充值)</p>
						<p class="optionruledetailer">3.取车(门店负责人会联系你，进行派车)</p>
				</div>
			</div>
			<div class="el-contents  fl" id="tab">
				<ul class="el-con-header clear">
					<li class="fl enterpriseMeal" role="tab">自选车辆</li>
					<li class="fl enterpriseMeal" role="tab">常用标准车组</li>
					<li class="fl"><a href="#">尊贵豪华车组</a></li>
					<li class="fl"><a href="#">绿色环保车组</a></li>
					<li class="fl"><a href="#">豪华敞篷跑车</a></li>
					<li class="fl"><a href="#">动感酷趣车组</a></li>
					<li class="fl"><a href="#">激情探险车组</a></li>
				</ul>
				<div class="el-con-con">
					<ul class="carList pane-con" style="">
					·<c:forEach items="${cars }" var="car">
						<li class="clear carlistli" style="margin-bottom: 30px;" carId="${car.carmodelid }">
							<div class="carpicwrap fl">
							<img src="${cxt}/img/ls-klz.jpg" class="carPic fl" />
							</div>
							<div class="carinfo fl" >
								<p carname="雪佛兰科鲁兹">${car.carmodelname }</p>
								<p>${car.carmodelseat } | 品牌 :  ${car.carmodeltype}| 乘坐${car.seating }人</p>
								<span class="fl">热门车型</span>
								<span class="fl xin">新车型</span>
							</div>
							<div class="price fl">
								<div class="price-con clear">
									<div class="price-con-left fl">
										<p class="jiage">
											<span class="rmb">￥</span>
											<span class="num">${car.rentcash*car.discount}</span>
											<span class="unit">/日均</span>
										</p>
										<p class="sum">
											￥${car.rentcash}<span style="font-size:12px;">剩余数量:${car.carnum }
										</p>
									</div>
									<div class="rent fr">
										租车
									</div>
									<div class="jrh fr hidden">
										<span class="sub">-</span><input type="text" value="1" class="listnum"/><span class="plus">+</span>
									</div>
								</div>
							</div>
						</li>
						</c:forEach>
					</ul>
					<!--车队管理-->
					<ul class="motorcade pane-con" style="">
						<c:forEach items="${motorcade }" var="motocad">
						<li class="motocadeitem clear">
							<div class="motocadeiteminfo fl">
								<img src="${cxt}/img/ls-team.png" class="fl"/>
								<div class="fl motocadeitemdetailerinfo">
										<p style="padding-top:10px;"><div class="motocadedetailertriggle"><a href="javascript:void(0);" class=""><c:forEach items="${ motocad.motos}" var="car1">${ car1.carname}X${car1.num },</c:forEach></a>
											<div class="motocadedetailer absolute hidden" style="background: #fff;opacity: 0.9;height:400px;overflow: scroll;">
												<ul>
													<c:forEach items="${ motocad.motos}" var="car2">
													<li class="clear" style="border-bottom: 1px solid #e4e6e9;border-top:1px solid #e4e6e9;" motoid="${car2.belongcarmotorcade }">
														<div class="fl">
															<img src="${cxt}/${car2.car_model_image }" width= "300px" height="auto"/>
														</div>
														<div class="fl" style="padding-left:20px;padding-right:20px;">
															<p class="mt1">${car2.carname }</p>
															<p class="mt2">燃油类型 ${car2.car_model_fuel_type }|车门数${car2.car_model_door_number}| 乘坐${car2.car_model_seating }人</p>
															<span class="mt3">热门车型</span><span class="mt4">新车型</span>

														</div>
													</li>
													</c:forEach>
												</ul>
											</div>
											</div>
										<br><span style="color:#666;font-size:10px;">
											${fn:length(motocad.motos)}车队
										</span></p>
										
								</div>
								<div class="expirationdate fl">截止到${motocad.motorcade_end_time }</div>
							</div>
							<div class="motocadeitemprirse fr">
								<div class="motocadeitemprirse1 fl">
									<span style=" color: #f76120;font-size:18px;font-weight: bold;" class="motoprise">￥${motocad.car_money }</span><br />
									<p style="text-decoration: line-through;">原价 ￥${motocad.plan_car_money }</p>
								</div>
								<a href="waitConfirmMotorcade.order" class="fl ljkz" style="background-color: #2db3a6;display: block;height:40px;line-height: 40px;color:#fff;margin-left:14px;margin-right:10px;padding:0px 4px;">立即开租</a>
							</div>
						</li>
						
						</c:forEach>
						
						
					</ul>
				</div>
			</div>
		</div>
		<div class="settleaccounts">
			<div class="cartTop center">
				购物车<span class="empty">[清空]</span>
				<i class="fa fa-cart-plus" style="font-size: 30px;color: #0089dc;margin-left:150px;"></i>
			</div>
			<div id="carlistwrap">
			<div class="cartlist center firstb hidden" id="car0">
				<div class="carname fl">雪佛兰科鲁兹</div>
				<div class="carnum fl">
					
					<button>-</button><input type="text" value="1" width="30" class="fdfsd"  disabled="disabled"/><button>+</button> 
				</div>
				<span class="csump fr">￥0</span>
			</div>
			
			</div>
			<div class="cartFooter">
				<div class="cartFootercon center">
					<div class="cartFooterleft fl">
						<i class="fa fa-cart-plus" style="color:#fff;font-size:24px;position:relative"><span class="cartnum absolute">1</span></i>
						￥<span class="pay-money">0</span>
						
					</div>
					<div class="cartFooterright fl">
						<a href="confirmOneselfOption.order" class="jiesuan">去结算>></a>
					</div>
				</div>
			</div>
		</div>